<html>

<body>
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a id="main-dropdown" href="#" aria-label="My Section" class="dropdown-toggle" data-toggle="dropdown"><span
                    class="icon icon--right"></span> My Section</a>
            <ul class="dropdown-menu" role="menu">
                <li class="dropdown-header">
                    <a href="/start.html" aria-label="Some page" target="_blank" title="">Some
                        page</a>
                    <ul>
                        <li>
                            <a href="/home2.html" aria-label="Some other page" target="_blank" title=""> A sub page</a>
                        </li>
                    </ul>
                    <ul>
                        <li>This is my <a href="/home.html">Homepage</a>
                        <ul>
                            <li>
                                List item inner
                            </li>
                            <li>
                                More text <a href="/some_links.html">with some links</a> and more text.
                            </li>
                        </ul>
                        </li>
                        <li><a href="#main-navigation">Main navigation</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a id="other-dropdown" href="#" aria-label="My Org" class="dropdown-toggle"><span
                    class="icon icon--right"></span> My organisation</a>
        </li>
    </ul>
</body>

</html>